<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="keywords" content="apple,苹果回收"/>
	<meta name="description" content="我爱抛专业回收苹果"/>
	<title>注册 - 苹果回收专业网站</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<script src="lib/jquery-2.1.3.min.js"></script>
	<script src="lib/bootstrap.min.js"></script>
</head>
<body>
	<!--页头-->
	<header style="position:fixed; top:0; z-index:9999;">
		<nav class="navbar navbar-inverse flex-box" role="navigation">
		    <div id="home" class="navbar-header">
		      	<a href="index.html">
		      		<span class="glyphicon glyphicon-home btn-lg header-icon"></span>
					<span>回到首页</span>
		      	</a>
		    </div>
		    <div id="logo">我&nbsp;爱&nbsp;抛</div>
		    <div id="account" class="navbar-header">
		      	<a href="login.html">
		      		<span class="glyphicon glyphicon-user btn-lg header-icon"></span>
		      		<span>用户中心</span>
		      	</a>
		    </div>
		</nav>
	</header>
	<div class="margin-top-85"></div>

	<!--注册框-->
	<div>
		<label style="margin-left:24px; font-size: 1.2em;">新用户注册</label>
		<div id="error_tip" class="alert alert-danger margin-20">错误提示</div>
	</div>
	<form class="bs-example bs-example-form" id="register_form">
		<div class="input-group input-group-lg margin-20">
			<span class="input-group-addon">
				<span class="glyphicon glyphicon-user"></span>
			</span>
			<input id="username" type="text" class="form-control" placeholder="请输入用户名">
		</div>
		<div class="input-group input-group-lg margin-20">
			<span class="input-group-addon">
				<span class="glyphicon glyphicon-phone"></span>
			</span>
			<input id="phone" type="text" class="form-control" placeholder="请输入手机号">
		</div>
	    <div class="input-group input-group-lg margin-20">
			<span class="input-group-addon">
				<span class="glyphicon glyphicon-lock"></span>
			</span>
			<input id="password" type="password" class="form-control" placeholder="请输入密码">
		</div>
		<div class="input-group input-group-lg margin-20">
			<span class="input-group-addon">
				<span class="glyphicon glyphicon-ok-sign"></span>
			</span>
			<input id="confirm_password" type="password" class="form-control" placeholder="再次输入密码">
		</div>
		<div class="margin-30">
			<button id="register_btn" type="submit" class="btn btn-success btn-lg btn-block">注册</button>
		</div>
	</form>

	<!--modal-->
	<div class="modal fade" id="register_failed" tabindex="-1" role="dialog" aria-labelledby="model_title" aria-hidden="true">
	   <div class="modal-dialog">
	      <div class="modal-content">
	         <div class="modal-header">
	            <h4 class="modal-title" id="model_title"> 错误提示</h4>
	         </div>
	         <div class="modal-body">
	            sorry，注册信息不正确，请确认后重试！
	         </div>
	         <div class="modal-footer">
	            <button type="button" class="btn btn-default" data-dismiss="modal">知道了</button>
	         </div>
	      </div><!-- /.modal-content -->
	   </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

	<!--页脚-->
	<div class="margin-bottom-55"></div>
	<footer style="position:fixed;bottom:0;">
		<a href="javascript:alert('常见问题')">常见问题</a>&nbsp;&nbsp;&nbsp;
		<a href="javascript:alert('联系我们')">联系我们</a>&nbsp;&nbsp;&nbsp;
		<a href="javascript:alert('关于我们')">关于我们</a>
	</footer>

	<script src="src/register.js"></script>
</body>
</html>